#dnnMenu{width:100%; height:auto;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:left;margin:0;list-style-type:none;position:relative;margin-left:0px;}

#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block; background:none;padding:0;}
#dnnMenu .topLevel li a div div{display:inline-block;color:#aaaaaa; font-weight:normal; text-transform:uppercase; height:50px; line-height:49px; padding:0 25px 0 24px; background:url(images/menusep.png) right top no-repeat; font-size:15px; }

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap; background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{background:url(images/menuselbg.png) left top repeat-x;}
#dnnMenu .topLevel li a:hover div div, #dnnMenu .topLevel li a:active div div{color:#ffffff; font-weight:normal;text-decoration:none;text-transform:uppercase; cursor:pointer; background:url(images/menusep.png) right top no-repeat; line-height:49px; padding:0 25px 0 24px; font-size:15px;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap; background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:url(images/menuselbg.png) left top repeat-x;padding:0;}
#dnnMenu .topLevel li.breadcrumb a div div{color:#ffffff; font-weight:normal;text-decoration:none;text-transform:uppercase; cursor:pointer; background:url(images/menusep.png) right top no-repeat; line-height:49px; padding:0 25px 0 24px; font-size:15px;}

/*#dnnMenu .topLevel li.haschild a div{background:url(images/haschild.png) 97% 50% no-repeat; padding:0px 20px 0 18px; }
#dnnMenu .topLevel li.haschild a:hover div{background:url(images/haschildsel.png) 97% 50% no-repeat #636363; padding:0px 20px 0 18px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:15px;}*/
#dnnMenu .topLevel .first a {background:url(images/menusep.png) left top no-repeat; padding-left:1px;}
#dnnMenu .topLevel li.first a:hover ,#dnnMenu .topLevel li.first.breadcrumb a{background:url(images/menusep.png) left top no-repeat; padding-left:1px;}




#dnnMenu .subLevel{display:none; position:absolute; width:auto; margin:0; margin-top:0px; padding:0; z-index:1210; border:solid 1px #000000; *width:200px;*top:100%;*left:0;  /*IE7*/ }
#dnnMenu .topLevel li.hover .subLevel { display:block; white-space:nowrap;}
#dnnMenu .subLevel ul{ margin:0; padding:0; position:relative; z-index:1200; }
#dnnMenu .subLevel li{ float:none; clear:both; width:100%;}
#dnnMenu .subLevel li.haschild { *margin-bottom:-3px; }

#dnnMenu .subLevel li.item a{ border-top: solid 1px #000000; background:url(images/subbg.png); text-decoration:none; *width:200px; /*IE7*/}
#dnnMenu .subLevel li.selected a, #dnnMenu .subLevel li.breadcrumb a, #dnnMenu .subLevel li.item a:hover{background:url(images/subselbg.png);} 

#dnnMenu .subLevel li.first > a{ border-top: none; background:url(images/subbg.png); padding-left:0;}
#dnnMenu .subLevel li.first a:hover ,#dnnMenu .subLevel li.first.breadcrumb a{ border-top: none; background:url(images/subselbg.png); padding-left:0;}

#dnnMenu .subLevel li.first.selected a div, #dnnMenu .subLevel li.last.selected a div{background:none; padding:0 25px 0 25px;}


#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px;  text-transform:uppercase;
	 -webkit-transition: all 0.2s linear 0s;  
     -moz-transition: all 0.2s linear 0s;  
     -o-transition: all 0.2s linear 0s;  
     -ms-transition: all 0.2s linear 0s;  
     transition: all 0.2s linear 0s; }
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:none; color:#ffffff; cursor:pointer;  text-transform:uppercase; padding:0 25px 0 25px;
	 -webkit-transition: all 0.2s linear 0s;  
     -moz-transition: all 0.2s linear 0s;  
     -o-transition: all 0.2s linear 0s;  
     -ms-transition: all 0.2s linear 0s;  
     transition: all 0.2s linear 0s; }

#dnnMenu .subLevel li.haschild > a div{ background:url(images/child-arrow2.png) no-repeat right center;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/child-arrow2.png) no-repeat right center; }

#dnnMenu .subLevelRight{ display:none; position:absolute; left:100%; top:0px; width:auto; margin:0; border:solid 1px #000000; }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
@media (max-width:800px){

}
@media (max-width:768px){
#dnnMenu{ width:100%;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:none;margin:0;list-style-type:none;position:relative;margin-left:0px; margin-bottom:2px; border:none; overflow:auto;}

#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block; margin:0;padding:0; background:none;}
#dnnMenu .topLevel li a div div{display:block;color:#fafafa; font-weight:normal; text-transform:uppercase; font-size:15px;height:auto;line-height:40px; text-align:center; background:url(images/mobilebg.png) left center repeat-x; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #000;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{ background:none;padding:0;}
#dnnMenu .topLevel li a:hover div div, #dnnMenu .topLevel li a:active div div{display:block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px;height:auto;line-height:40px; text-align:center; background:url(images/mobileselbg.png) left center repeat-x; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #000;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none;background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:none;padding:0;}
#dnnMenu .topLevel li.breadcrumb a div div{display:block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px;height:auto;line-height:40px; text-align:center; background:url(images/mobileselbg.png) left center repeat-x; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #000;}

#dnnMenu .topLevel .first a {background:none; padding-left:0;}
#dnnMenu .topLevel li.first a:hover ,#dnnMenu .topLevel li.first.breadcrumb a {background:none; padding-left:0;}


#dnnMenu .subLevel{display:none; position:relative; width:100%; margin:0; padding:0;border:none; text-align:left; /**width:200px;  IE7*/ }
#dnnMenu .topLevel li.hover .subLevel {display:block; white-space:normal; width:100%;}
#dnnMenu .subLevel ul{ margin:0 auto; padding:0; width:100%; position:relative; top:0;}
#dnnMenu .subLevel li{ float:none; clear:both; width:100%; margin:1px 0;}
#dnnMenu .subLevel li.haschild { *margin-bottom:0px; }
#dnnMenu .subLevel li.item a{ border-top: solid 1px #000000; background:url(images/subbg.png); text-decoration:none; *width:200px; /*IE7*/}
#dnnMenu .subLevel li.selected a, #dnnMenu .subLevel li.breadcrumb a, #dnnMenu .subLevel li.item a:hover{background:url(images/subselbg.png);} 

#dnnMenu .subLevel li.first > a{ border: none; background:url(images/subbg.png); -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
#dnnMenu .subLevel li.first a:hover ,#dnnMenu .subLevel li.first.breadcrumb a,#dnnMenu .subLevel li.first.selected a{ border-top: none; background:url(images/subselbg.png); }

#dnnMenu .subLevel li.last > a{ border: none; background:url(images/subbg.png); -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}
#dnnMenu .subLevel li.last a:hover ,#dnnMenu .subLevel li.last.breadcrumb a,#dnnMenu .subLevel li.last.selected a{ border-top: none; background:url(images/subselbg.png); }

#dnnMenu .subLevel li.first.selected a div, #dnnMenu .subLevel li.last.selected a div{background:none; padding:0 25px 0 25px;}

#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px;  text-transform:uppercase;
	 -webkit-transition: all 0.2s linear 0s;  
     -moz-transition: all 0.2s linear 0s;  
     -o-transition: all 0.2s linear 0s;  
     -ms-transition: all 0.2s linear 0s;  
     transition: all 0.2s linear 0s; }
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:none; color:#ffffff; cursor:pointer;  text-transform:uppercase; padding:0 25px 0 25px;
	 -webkit-transition: all 0.2s linear 0s;  
     -moz-transition: all 0.2s linear 0s;  
     -o-transition: all 0.2s linear 0s;  
     -ms-transition: all 0.2s linear 0s;  
     transition: all 0.2s linear 0s; }

#dnnMenu .subLevel li.haschild > a div{ background:url(images/child-arrow2.png) no-repeat right center;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/child-arrow2.png) no-repeat right center; }

#dnnMenu .subLevelRight{ display:none; position:relative; left:0px; top:0px; width:100%; margin:0; border:none;  }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
}

@media handheld and (max-width:768px){
#dnnMenu{ width:100%;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:none;margin:0;list-style-type:none;position:relative;margin-left:0px; margin-bottom:2px; border:none; overflow:auto;}

#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block; margin:0;padding:0; background:none;}
#dnnMenu .topLevel li a div div{display:block;color:#fafafa; font-weight:normal; text-transform:uppercase; font-size:15px;height:auto;line-height:40px; text-align:center; background:url(images/mobilebg.png) left center repeat-x; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #000;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{ background:none;padding:0;}
#dnnMenu .topLevel li a:hover div div, #dnnMenu .topLevel li a:active div div{display:block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px;height:auto;line-height:40px; text-align:center; background:url(images/mobileselbg.png) left center repeat-x; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #000;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none;background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:none;padding:0;}
#dnnMenu .topLevel li.breadcrumb a div div{display:block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px;height:auto;line-height:40px; text-align:center; background:url(images/mobileselbg.png) left center repeat-x; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #000;}

#dnnMenu .topLevel .first a {background:none; padding-left:0;}
#dnnMenu .topLevel li.first a:hover ,#dnnMenu .topLevel li.first.breadcrumb a {background:none; padding-left:0;}


#dnnMenu .subLevel{display:none; position:relative; width:100%; margin:0; padding:0;border:none; text-align:left; /**width:200px;  IE7*/ }
#dnnMenu .topLevel li.hover .subLevel {display:block; white-space:normal; width:100%;}
#dnnMenu .subLevel ul{ margin:0 auto; padding:0; width:100%; position:relative; top:0;}
#dnnMenu .subLevel li{ float:none; clear:both; width:100%; margin:1px 0;}
#dnnMenu .subLevel li.haschild { *margin-bottom:0px; }
#dnnMenu .subLevel li.item a{ border-top: solid 1px #000000; background:url(images/subbg.png); text-decoration:none; *width:200px; /*IE7*/}
#dnnMenu .subLevel li.selected a, #dnnMenu .subLevel li.breadcrumb a, #dnnMenu .subLevel li.item a:hover{background:url(images/subselbg.png);} 

#dnnMenu .subLevel li.first > a{ border: none; background:url(images/subbg.png); -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
#dnnMenu .subLevel li.first a:hover ,#dnnMenu .subLevel li.first.breadcrumb a,#dnnMenu .subLevel li.first.selected a{ border-top: none; background:url(images/subselbg.png); }

#dnnMenu .subLevel li.last > a{ border: none; background:url(images/subbg.png); -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}
#dnnMenu .subLevel li.last a:hover ,#dnnMenu .subLevel li.last.breadcrumb a,#dnnMenu .subLevel li.last.selected a{ border-top: none; background:url(images/subselbg.png); }

#dnnMenu .subLevel li.first.selected a div, #dnnMenu .subLevel li.last.selected a div{background:none; padding:0 25px 0 25px;}

#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px;  text-transform:uppercase;
	 -webkit-transition: all 0.2s linear 0s;  
     -moz-transition: all 0.2s linear 0s;  
     -o-transition: all 0.2s linear 0s;  
     -ms-transition: all 0.2s linear 0s;  
     transition: all 0.2s linear 0s; }
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:none; color:#ffffff; cursor:pointer;  text-transform:uppercase; padding:0 25px 0 25px;
	 -webkit-transition: all 0.2s linear 0s;  
     -moz-transition: all 0.2s linear 0s;  
     -o-transition: all 0.2s linear 0s;  
     -ms-transition: all 0.2s linear 0s;  
     transition: all 0.2s linear 0s; }

#dnnMenu .subLevel li.haschild > a div{ background:url(images/child-arrow2.png) no-repeat right center;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/child-arrow2.png) no-repeat right center; }

#dnnMenu .subLevelRight{ display:none; position:relative; left:0px; top:0px; width:100%; margin:0; border:none;  }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
}